<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <title>设备筛选</title>
    <script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js"></script>

    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/deviceFilter.css">
</head>
<body >
<div id="app">
    <header>
        <h1>设备筛选</h1>
        <a href="javascript:history.go(-1);location.reload()" class="back"></a>
    </header>


    <section id="main">
        <div class="plat-list">
            <div class="plat-item">
                <div class="plat-title h86">设备状态</div>
                <ul class="term-box">
                    <li class="term-per fl cur">全部</li>
                    <li class="term-per fl">需保养</li>
                    <li class="term-per fl">预保养</li>
                    <li class="term-per fl">报警</li>
                    <li class="term-per fl">预警</li>
                    <li class="term-per fl">超负荷</li>
                </ul>
            </div>

            <div class="plat-item">
                <div class="plat-title h86">联机状态</div>
                <ul class="term-box">
                    <li class="term-per fl cur">全部</li>
                    <li class="term-per fl">在线</li>
                    <li class="term-per fl">离线</li>
                </ul>
            </div>

            <div class="plat-item">
                <div class="plat-title h86 noborderb">*客户</div>
                <div class="inputDiv h86">
                    <input type="text" placeholder="请输入客户名称">
                </div>
            </div>

            <div class="plat-item">
                <div class="plat-title h86 noborderb">创建人</div>
                <div class="inputDiv h86">
                    <input type="text" placeholder="请输入创建人名称">
                </div>
            </div>

            <div class="plat-item marT0 borT0">
                <div class="plat-title h86">创建日期</div>
                <div class="dateDiv">
                    <span class="startDate"><input type="date"></span>
                    ~
                    <span class="endDate"><input type="date"></span>
                </div>
            </div>


        </div>

        <div class="handleBtn">
            <a href="javascript:;">
                <div class="btn sureBtn">确定</div>
            </a>
            <a href="javascript:history.go(-1);location.reload()">
                <div class="btn quitBtn">取消</div>
            </a>
        </div>

    </section>


    <!--底部主菜单导航栏-->
    <nav id="nav-wrap">
        <ul class="nav-list">
            <li class="nav-list-item">
                <a href="index.html">
                    <div class="nav-icon home-icon"></div>
                    <div class="nav-item-name">首页</div>
                </a>
            </li>
            <li class="nav-list-item cur">
                <a href="deviceList.html">
                    <div class="nav-icon device-icon"></div>
                    <div class="nav-item-name">设备</div>
                </a>
            </li>
            <li class="nav-list-item">
                <a href="events.html">
                    <div class="nav-icon event-icon"></div>
                    <div class="nav-item-name">事件</div>
                </a>
            </li>
            <li class="nav-list-item">
                <a href="mine.html">
                    <div class="nav-icon mine-icon"></div>
                    <div class="nav-item-name">我的</div>
                </a>
            </li>
            <li class="clear"></li>
        </ul>
    </nav>


</div>


<script src="js/lib/vue.min.js"></script>
<script type="text/javascript">


</script>


</body>
</html>